<template>
    <Center>
        <el-row>
            <el-col :span="18" class=" p-5">
                <Carousel />
                <HotAuthor />
            </el-col>
            <el-col :span="6" class="flex flex-col">
                <el-image class="mt-4 rounded-xl" :src="downapp" style="width:100%;" />
                <NewMusic />
            </el-col>
        </el-row>
        <div class="p-4">
            <HotGeDan />
            <HotZhuanJi />
            <DownList />
            <GuanZhu />
        </div>
    </Center>
</template>
<script setup>
import downapp from '../../assets/imgs/downapp.png';
import Center from '../../components/common/Center.vue'
import Carousel from './Carousel.vue';
import HotAuthor from './HotAuthor.vue';
import NewMusic from './NewMusic.vue';
import HotGeDan from './HotGeDan.vue';
import HotZhuanJi from './HotZhuanJi.vue';
import DownList from './DownList.vue';
import GuanZhu from './GuanZhu.vue';
</script>